<template>
	<view class="report-detail">
		<up-form labelPosition="top" :model="deviceInfo" ref="reportFrom"
			:labelStyle="{ fontSize:'28rpx',color:'#9296b1'}" labelWidth="auto">
			<up-form-item label="设备姓名">
				<up-input :placeholder="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="设备地址">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="故障描述">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="报修人">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="联系电话">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="报修时间">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="维修记录">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="服务评价">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
			<up-form-item label="评价内容">
				<up-input v-model="deviceInfo.deviceName" border="none"></up-input>
			</up-form-item>
		</up-form>
	</view>
</template>

<script setup>
	import {
		ref
	} from "vue"
	const deviceInfo = ref({
		deviceName: "空调温控器"
	})
</script>

<style lang="scss" scoped>
	.report-detail {
		padding: 0 40rpx;

		::v-deep .u-input {
			background: #f2f2f2;
			padding: 15rpx 20rpx !important;
			border-radius: 10px;
		}

		::v-deep .u-input__content__field-wrapper__field {}
	}
</style>